// pages/detail/detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
      baseURL: wx.baseURL,
      hideModalL:true, //模态框的状态 true-隐藏 false-显示
      animationData:{},
      detail:{},
      skus: [],
      price:'',
      skuIndex: -1
  },
  changeSkuIndex(e){
    this.setData({
      skuIndex:e.currentTarget.dataset.index
    })
},


  //显示遮罩层
spec: function (){
  var that=this;
  that.setData({
    hideModalL:false
  })
  var animation = wx.createAnimation({
    duration: 600, ///动画的持续时间 默认400ms 数值越大，动画越慢 
    timingFunction: 'ease',//动画的效果 默认值是linear
  })
  this.animation = animation
  setTimeout(function(){
    that.fadeId(); ///调用显示动画
  },200)
},
    // 隐藏遮罩层
    hideModal: function () {
      var that = this;
      var animation = wx.createAnimation({
      duration: 800, //动画的持续时间 默认400ms   数值越大，动画越慢   数值越小，动画越快
      timingFunction: 'ease', //动画的效果 默认值是linear
      })
      this.animation = animation
      that.fadeDown(); //调用隐藏动画   
      setTimeout(function () {
      that.setData({
          hideModal: true
      })
      }, 720) //先执行下滑动画，再隐藏模块

  },

  //动画集
  fadeIn: function () {
      this.animation.translateY(0).step()
      this.setData({
      animationData: this.animation.export() //动画实例的export方法导出动画数据传递给组件的animation属性
      })
  },
  fadeDown: function () {
      this.animation.translateY(300).step()
      this.setData({
      animationData: this.animation.export(),
      })
  },

  return: function (e) {
      wx.navigateBack({
      data: 1
      })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
     wx.get('/product',{productId:options.productId}).then(res =>{
        res.imgs = res.imgs.split(',')
        let skus = res.skus
        ///取单品最大最小值
        let min = skus[0].salePrice,max = skus[0].salePrice
        for(let i = 0; i < skus.length; i ++){
          if(skus[i].salePrice > max) max = skus[i].salePrice
          if(skus[i].salePrice < min) min = skus[i].salePrice
        }
        this.setData({
          detail: res,
          skus,
          price:min + '-' + max
        })
        wx.setNavigationBarTitle({
          title: res.name,
        })
     })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    console.log(e)
    retuen ({
      title:this.data.detail.name,
      path:'/pages/index/inndex'
    })

  }
})